本文代碼測試要求，最新的chrome瀏覽器(手機APP)，並且要允許chrome拍照錄像權限，必須要HTTPS協議，http不支持。 原理：調用攝像頭，將攝像頭返回的媒體流渲染到視頻標簽中，再通過c ...

奇葩需求啥時候都會有，最近有個需求是不允許瀏覽器回退，但是所有頁面都是超鏈接跳轉，於是乎腦殼沒轉彎就回答了做不到，結果尼瑪被打臉了，這打臉的聲音太響，終於靜下心來看了下history api。 先上 ...

同步發布：https://blog.jijian.link/2020-04-14/svg-arc/ 由於功能受限，此處不能放 iframe 嵌入鏈接，如需看到實時效果，請移步 https://blo ...

同步發布：https://blog.jijian.link/2020-04-05/canvas-get-color/ 由於功能受限，此處不能放 iframe 嵌入鏈接，如需看到實時效果，請移步 ht ...

主要運用H5的媒體接口API，MDN文檔： navigator.mediaDevices(新版API)，Navigator.getUserMedia(舊版API，不建議使用，但某些瀏覽器還支持)，本 ...

本方法兩種應用方式：一種使用canvas解析本站圖片中的二維碼，canvas有同源策略限制，只能處理本站圖片。另一種處理文件選擇中的圖片二維碼。 第一種使用場景可以換成像微信中一樣，長按圖片識別二維 ...

同步發布：https://blog.jijian.link/2020-04-15/css-img-after-placeholder/ 如圖： 圖片加載失敗了，在瀏覽器會默認顯示一張破圖。受各 ...

不廢話，上代碼： 以上是從一個微信分享里面看到的，覺得很牛逼，扒了一下源碼，未深入研究，有興趣可以研究一下騰訊的X5內核。 ...

運用contenteditable實現輸入框高度自動增加，輸入框標題name相對高度自動居中，代碼如下： 美中不足之處，contenteditable屬性模擬的輸入框是可以輸入HTML ...